<div id="Canvas">

  <!--// Header //-->
  <div class="region region-top">
    <div class="region-content">

      <div class="mod mod-top">
        <div class="content">
          <ul>
            <li class="jqbookmark"><a href="">Symbolism</a></li>
          </ul>
        </div>
      </div>

      <div class="mod mod-header">
        <div class="content">
          <div class="mod-header-left"></div>
          <div class="mod-header-right"></div>
          <h1><a href="/">Victorious ones - Jain Images of Perfection</a></h1>
          <?php print render($page['header']); ?>
        </div>
      </div>

      <div class="mod mod-nav">
        <div class="content">
          <?php if ($main_menu): ?>
            <?php print theme('links__system_main_menu', array(
              'links' => $main_menu,
              'attributes' => array(
                'id' => 'main-menu-links',
                'class' => array('links', 'clearfix'),
              ),
              'heading' => array(
                'text' => t('Main menu'),
                'level' => 'h2',
                'class' => array('element-invisible'),
              ),
            )); ?>
          <?php endif; ?>
          <form action="/aims/search">
            <fieldset>
              <fieldset class="inline">
                <input type="text" name="search" class="input-text" />
              </fieldset>
              <fieldset class="inline">
                <input type="button" value="Search" class="input-button" />
              </fieldset>
            </fieldset>
          </form>
        </div>
      </div> <!--// mod-nav //-->

      <?php if ($messages): ?>
        <div id="messages"><div class="section clearfix">
          <?php print $messages; ?>
        </div></div> <!-- /.section, /#messages -->
      <?php endif; ?>
    </div><!--// region-content //-->
  </div><!--// region-top //-->

  <?php if ($page['featured']): ?>
    <div id="featured"><div class="section clearfix">
      <?php print render($page['featured']); ?>
    </div></div> <!-- /.section, /#featured -->
  <?php endif; ?>

  <div id="main-wrapper" class="clearfix"><div id="main" class="clearfix">

    <?php if ($breadcrumb): ?>
      <div id="breadcrumb"><?php print $breadcrumb; ?></div>
    <?php endif; ?>

    <?php if ($page['sidebar_first']): ?>
      <div id="sidebar-first" class="column sidebar"><div class="section">
        <?php print render($page['sidebar_first']); ?>
      </div></div> <!-- /.section, /#sidebar-first -->
    <?php endif; ?>

    <div id="content" class="column"><div class="section">
      <?php if ($page['highlighted']): ?><div id="highlighted"><?php print render($page['highlighted']); ?></div><?php endif; ?>
      <a id="main-content"></a>
      <?php print render($title_prefix); ?>
      <?php if ($title): ?>
        <h1 class="title" id="page-title">
          <?php print $title; ?>
        </h1>
      <?php endif; ?>
      <?php print render($title_suffix); ?>
      <?php if ($tabs): ?>
        <div class="tabs">
          <?php print render($tabs); ?>
        </div>
      <?php endif; ?>
      <?php print render($page['help']); ?>
      <?php if ($action_links): ?>
        <ul class="action-links">
          <?php print render($action_links); ?>
        </ul>
      <?php endif; ?>


      <div class="mod mod-map">
        <div class="content">
          <h3></h3>
          <div id="map_canvas" style="width:930px; height:400px" data-latitude="20" data-longitude="72"></div>



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="...." name="marker" data-lat="21.2854" data-long="71.4639" value="SHATRUNJAYA and CHAUMUKH" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="The Jain Dilwara (Dilwara / Delawa) temples were built by Chalukya between the 11th and 13th centuries using ornately carved white marble." name="marker" data-lat="24.608889" data-long="72.723056" value="DILVARA (Rajasthan), Mount Abu" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="Neminath Temple was built during 1128 AD to 1159 AD and the golden colored Rishabhadev Temple is dedicated to 24 Tirthankars, with Parshwanath Temple nearby." name="marker" data-lat="21.526944" data-long="70.525" value="GIRNAR (Gujarat), Junagadh" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="Known as "The Golden City" deep in the desert, Jaisalmer has many examples of ornately sculpted works of art within its Jain temples dedicated to 16th Tirthankar Lord Shantinath and 23rd Tirthankar Lord Parshvanath." name="marker" data-lat="26.911944" data-long="70.911944" value="JAISALMER (Rajasthan)" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="The world's largest temple complex, more than 3000 temples located on the Shatrunjaya hills." name="marker" data-lat="21.480833" data-long="71.793611" value="PALITANA (Gujarat) Bhavnagar" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="Constructed in 1439 in amber stone, with four subsidiary shrines and over 1444 marble pillars, no two carved alike, Ranakpur temple is dedicated to Adinathji and located in the mountain ranges of Pali district. Two big bells weighing approximately 108 kilograms echo through the entire complex when rung. The temple is designed as chaumukha with four faces, Dhanna Shah, a Porwad, is said to have commissioned it, under the patronage of Rana Kumbha, then ruler of Mewar." name="marker" data-lat="25.115833" data-long="73.471667" value="RANAKPUR (Rajasthan) Pali" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="Around 863 white marble Jain temples are located on Shatrunjaya hill, which is located at a height of 591 meters." name="marker" data-lat="21.480833" data-long="71.7775" value="SHANKHESHWAR (Gujarat) Patan" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="constructed in 1121 by the Solanki dynasty king Kumarpal, the compound consists of 14 temples in all and some five others from the Digambar sect near shwetambar temples. Dedicated to Ajitnath, the 22nd Tirthankara of Jains, Ajit Nath sits at the peak of Mount Taranga." name="marker" data-lat="23.967" data-long="72.754" value="TARANGA (Gujarat) Mehsana" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="Part of the eastern cluster of temples in Khajuraho, this is a world heritage site renowned for its sculpture and architecture." name="marker" data-lat="24.844722" data-long="79.936111" value="KHAJURAHO (Madhya Pradesh) Chhatarpur" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="The five Jain caves at Ellora are from the ninth and tenth centuries. not relatively large, they present exceptionally detailed art works. Many had rich paintings in the ceilings - fragments of which are still visible." name="marker" data-lat="20.032222" data-long="75.174444" value="ELLORA CAVES (Maharashtra)" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="Meaning "sunrise hill," Udayagiri has 18 caves, including the Hathigumpha and Ganeshagumpha caves renowned for their sculptures and relief carvings. Khandagiri has 15 caves of Jain origin. Rani ka Naur is an extensively carved with sculptural friezes, while Ananta cave depicts carved figures of women, elephants, athletes, and geese carrying flowers." name="marker" data-lat="20.262222" data-long="85.784167" value="Khandagiri and Udaygiri Caves (Orissa) Bhubaneswar" />



          <!--// For Each Object to Add on the Map, Create a New Hidden Input Field //-->
          <input type="hidden" data-desc="Around 863 white marble Jain temples are located on Shatrunjaya hill, which is located at a height of 591 meters." name="marker" data-lat="21.480833" data-long="71.775278" value="ADESHWAR NATH (Jaisalmer) Amar Sagar Lake" />

        </div>
      </div>

      <?php print render($page['content']); ?>
      <?php print $feed_icons; ?>

    </div></div> <!-- /.section, /#content -->

    <?php if ($page['sidebar_second']): ?>
      <div id="sidebar-second" class="column sidebar"><div class="section">
        <?php print render($page['sidebar_second']); ?>
      </div></div> <!-- /.section, /#sidebar-second -->
    <?php endif; ?>

  </div></div> <!-- /#main, /#main-wrapper -->

  <?php if ($page['triptych_first'] || $page['triptych_middle'] || $page['triptych_last']): ?>
    <div id="triptych-wrapper"><div id="triptych" class="clearfix">
      <?php print render($page['triptych_first']); ?>
      <?php print render($page['triptych_middle']); ?>
      <?php print render($page['triptych_last']); ?>
    </div></div> <!-- /#triptych, /#triptych-wrapper -->
  <?php endif; ?>

  <div id="footer-wrapper"><div class="section">

    <?php if ($page['footer_firstcolumn'] || $page['footer_secondcolumn'] || $page['footer_thirdcolumn'] || $page['footer_fourthcolumn']): ?>
      <div id="footer-columns" class="clearfix">
        <?php print render($page['footer_firstcolumn']); ?>
        <?php print render($page['footer_secondcolumn']); ?>
        <?php print render($page['footer_thirdcolumn']); ?>
        <?php print render($page['footer_fourthcolumn']); ?>
      </div> <!-- /#footer-columns -->
    <?php endif; ?>

    <?php if ($page['footer']): ?>
      <div id="footer" class="clearfix">
        <?php print render($page['footer']); ?>
      </div> <!-- /#footer -->
    <?php endif; ?>
  </div></div> <!-- /.section, /#footer-wrapper -->

</div>

<script type="text/javascript" src='http://maps.google.com/maps/api/js?sensor=false'></script>
<script type="text/javascript">
  jQuery('document').ready(function(){

    var map = function() {
      var canvas     =  document.getElementById("map_canvas"),
            latitude   =  jQuery(canvas).data('latitude'),
            longitude  =  jQuery(canvas).data('longitude'),
            latlng     =  new google.maps.LatLng(latitude, longitude),

            myOptions  =  {
              zoom       :  6,
              center     :  latlng,
              mapTypeId  :  google.maps.MapTypeId.ROADMAP
            },

            map = new google.maps.Map(canvas, myOptions);

            jQuery('.mod-map').find('input[name="marker"]').each(function(){
              var pos  =  new google.maps.LatLng( jQuery(this).data('lat'), jQuery(this).data('long') ),
                  marker    =  new google.maps.Marker({
                    position  :  pos,
                    map       :  map,
                    title     :  jQuery(this).val()
                  }),
                  infowindow = new google.maps.InfoWindow({
                    content   :  jQuery(this).data('desc')
                  });

                  google.maps.event.addListener(marker, 'click', function() {
                    infowindow.open(map,marker);
                  });
            });

        /*
         * @reference: http://code.google.com/apis/maps/documentation/javascript/overlays.html#RemovingOverlays
         */
        function addMarker(location) {
          marker = new google.maps.Marker({
            position : location,
            map      : map
          });
          markersArray.push(marker);
        }

        // Removes the overlays from the map, but keeps them in the array
        function clearOverlays() {
          if (markersArray) {
            for (i in markersArray) {
              markersArray[i].setMap(null);
            }
          }
        }

        // Shows any overlays currently in the array
        function showOverlays() {
          if (markersArray) {
            for (i in markersArray) {
              markersArray[i].setMap(map);
            }
          }
        }

        // Deletes all markers in the array by removing references to them
        function deleteOverlays() {
          if (markersArray) {
            for (i in markersArray) {
              markersArray[i].setMap(null);
            }
            markersArray.length = 0;
          }
        }
    }();

  });
</script>

